<template>
	<view :style="{'padding-top':topsty+'px','padding-bottom':'50px'}">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: 'uniContent',
		data() {
			return {
				topsty:0,
				botsty:50
			}
		},
		props:{
			top: {
				type: [Boolean, String],
				default: true
			},
			bot: {
				type: [Boolean, String],
				default: true
			}
		},
		methods: {
			
		},
		mounted() {
			// console.log(this.demo)
			const res = uni.getSystemInfoSync()
			const system = res.platform
			// var top = res.statusBarHeight
			var zong = 0;
			if (system === 'android') {
				zong = (44 + res.statusBarHeight)
			} else if (system === 'ios') {
				zong = (44 + res.statusBarHeight)
			}
			this.topsty = zong;
			if(!this.bot) this.botsty = 0;
			// console.log(this.demo)
		}
	}
</script>

<style>

</style>
